    <style include="signin-dialog-shared">
      .container {
        /* The sign-in confirmation dialog uses a width that is larger than
         * the other sign-in dialogs to fit cases when the user has an email
         * name that is very large. */
        width: 512px;
      }

      .details {
        line-height: 20px;
        margin-inline-start: -8px;
        padding: 8px 24px 0;
      }

      .radio-button-title-container {
        font-weight: 500;
        line-height: 20px;
      }

      .radio-button-subtitle-container {
        line-height: 20px;
      }

      .top-title-bar {
        color: #333;
        height: auto;

        /* The signin email confirmation dialog needs to support cases when the
         * title extends multiple lines. In that case, the height of the title
         * bar is equal to padding + height of the text (which is equal to
         * 2*16px + nb_lines * 22px). */
        line-height: 22px;
        padding: 16px 24px;
      }
      @media (prefers-color-scheme: dark) {
        .top-title-bar {
          color: var(--cr-primary-text-color);
        }
      }
    </style>
    <div class="container">
      <div class="top-title-bar" id='dialogTitle'>
      </div>
      <div class="details">
        <cr-radio-group selected="createNewUser">
          <cr-radio-button id="createNewUserRadioButton"
              name="createNewUser">
            <div class="radio-button-title-container">
              $i18n{signinEmailConfirmationCreateProfileButtonTitle}
            </div>
            <div class="radio-button-subtitle-container"
                id="createNewUserRadioButtonSubtitle">
            </div>
          </cr-radio-button>
          <cr-radio-button id="startSyncRadioButton" name="startSync">
            <div class="radio-button-title-container">
              $i18n{signinEmailConfirmationStartSyncButtonTitle}
            </div>
            <div class="radio-button-subtitle-container"
                id="startSyncRadioButtonSubtitle">
            </div>
          </cr-radio-button>
        </cr-radio-group>
      </div>
      <div class="action-container">
        <cr-button class="action-button" id="confirmButton"
            on-click="onConfirm_" autofocus>
          $i18n{signinEmailConfirmationConfirmLabel}
        </cr-button>
        <cr-button id="closeButton" on-click="onCancel_">
          $i18n{signinEmailConfirmationCloseLabel}
        </cr-button>
      </div>
    </div>
